body {
  font-size: 0.3rem;
  color: #333;
  font-family: PingFang SC-Medium, PingFang SC, Microsoft YaHei,
    WenQuanYi Micro Hei, sans-serif;
}
#app {
  width: 100%;
  min-height: 100%;
  position: relative;
}
@media screen and (orientation: portrait) {
  body {
    /* 防止页面被刘海遮住 */
    padding-top: constant(safe-area-inset-top);
    padding-top: 0px;
  }
}
/* 横屏底下的查询 */
@media screen and (orientation: landscape) {
  body {
    /* IOS 11支持*/
    padding-right: constant(safe-area-inset-right);
    padding-left: constant(safe-area-inset-left);
    padding-bottom: constant(safe-area-inset-bottom);
    /*IOS 11.2版本版本支持*/
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
    padding-bottom: env(safe-area-inset-bottom);
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
@keyframes ani-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-hand-point {
  from {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(-10deg);
  }
}
.line-through {
  position: relative;
  &:after {
    content: '';
    position: absolute;
    left: 0;
    top: 48%;
    width: 104%;
    height: 0.01rem;
    background: #999;
  }
}
.rule-box {
  width: 94%;
  margin: 1rem auto 0.4rem;
  .rule-item {
    display: flex;
    padding: 0.1rem 0;
    .sort {
      width: 0.44rem;
      color: #f00;
    }
    .content {
      flex: 1;
    }
  }
}
